<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
</head>
<body>
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/jquery.qrcode.js"></script>
<script type="text/javascript" src="../static/js/qrcode.js"></script>
 
<script type="text/javascript" src="../static/js/utf.js"></script>


<a href='https://gitee.com/coczzz/QRCode'><img src='https://gitee.com/coczzz/QRCode/widgets/widget_3.svg' alt='Fork me on Gitee'></img></a>

<p>Render in table</p>
<div id="qrcodeTable"></div>
<p>Render in canvas</p>
<div id="qrcodeCanvas"></div>
<!--<img src="we.jpg" alt="" id="qrcode-logo">-->
<p>图片中包含中文</p>
<div id="qrcodeCanvas2"></div>
<script>
    jQuery('#qrcodeTable').qrcode({
        render: "table",                     <!--二维码生成方式 -->
        text: "https://gitee.com/coczzz/",   <!-- 二维码内容  -->
        width: "200",                         //二维码的宽度
        height: "200"
    });

    jQuery('#qrcodeCanvas').qrcode({
        render: "canvas",
        text: "https://gitee.com/coczzz/",
        width: "200",               //二维码的宽度
        height: "200",              //二维码的高度
        background: "#FFF",         //二维码的后景色
        foreground: "#000",         //二维码的前景色
        src: 'we.jpg'                //二维码中间的图片
    });

    jQuery('#qrcodeCanvas2').qrcode({
        render: "canvas",
        text: "如果是中文呢 - https://gitee.com/coczzz/",
        width: "200",               //二维码的宽度
        height: "200",              //二维码的高度
        background: "#FFF",         //二维码的后景色
        foreground: "#000",         //二维码的前景色
        src: 'we.jpg'                //二维码中间的图片
    });

</script>

<a href='https://gitee.com/coczzz/QRCode'>
    <img src='https://gitee.com/coczzz/QRCode/widgets/widget_6.svg' alt='Fork me on Gitee'></img></a>

</body>
</html>